body {
  background-color: #f5f5f5;
}
.layout {
  margin-top: 2.4rem;
  margin-bottom: 2.66666667rem;
}
.layout .header {
  width: 100%;
  height: 2.4rem;
  text-align: center;
  line-height: 2.4rem;
  font-size: 0.90666667rem;
  color: #fff;
  background-color: #141414;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
.layout .header .backArrow {
  width: 1.06666667rem;
  height: 2.4rem;
  background: url("../../img/back_W@3x.png") no-repeat left center;
  background-size: 1.6rem 1.6rem;
  position: absolute;
  top: 0;
  left: 0.66666667rem;
}
.layout .carList {
  width: 100%;
}
.layout .carList .carItem {
  margin-bottom: 0.26666667rem;
  overflow: hidden;
}
.layout .carList .carItem .scrollBox {
  width: 26.66666667rem;
  position: relative;
}
.layout .carList .carItem .scrollBox .carMsg {
  float: left;
  width: 20rem;
  height: 6.4rem;
  background-color: #fff;
}
.layout .carList .carItem .scrollBox .carMsg .checkBox {
  float: left;
  width: 2.90666667rem;
  height: 6.4rem;
}
.layout .carList .carItem .scrollBox .carMsg .checkBox .lable {
  display: block;
  margin: 2.64rem auto;
  width: 1.12rem;
  height: 1.12rem;
}
.layout .carList .carItem .scrollBox .carMsg .checkBox .lable img {
  display: block;
  width: 100%;
  height: 100%;
}
.layout .carList .carItem .scrollBox .carMsg .checkBox input {
  display: none;
}
.layout .carList .carItem .scrollBox .carMsg .carImg {
  float: left;
  margin-top: 0.50666667rem;
  width: 5.33333333rem;
  height: 5.33333333rem;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
}
.layout .carList .carItem .scrollBox .carMsg .carImg img {
  display: block;
  width: 100%;
  height: 100%;
}
.layout .carList .carItem .scrollBox .carMsg .carDetail {
  float: left;
  width: 11.76rem;
  height: 6.4rem;
  padding: 0 0.58666667rem;
  box-sizing: border-box;
  position: relative;
}
.layout .carList .carItem .scrollBox .carMsg .carDetail .productName {
  font-size: 0.69333333rem;
  color: #1f1f1f;
  position: absolute;
  top: 0.66666667rem;
}
.layout .carList .carItem .scrollBox .carMsg .carDetail .size {
  font-size: 0.58666667rem;
  color: #bdbdbd;
  position: absolute;
  top: 1.73333333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.layout .carList .carItem .scrollBox .carMsg .carDetail .monney {
  font-size: 0.64rem;
  color: #ffa31a;
  position: absolute;
  top: 3.6rem;
}
.layout .carList .carItem .scrollBox .carMsg .carDetail .dcn {
  position: absolute;
  bottom: 0.8rem;
  font-size: 0.48rem;
  color: #1f1f1f;
}
.layout .carList .carItem .scrollBox .carMsg .carDetail .dcn .diamond,
.layout .carList .carItem .scrollBox .carMsg .carDetail .dcn .cash {
  float: left;
}
.layout .carList .carItem .scrollBox .carMsg .carDetail .dcn .cash {
  margin-left: 0.53333333rem;
}
.layout .carList .carItem .scrollBox .carMsg .carDetail .dcn .orange {
  color: #ffa31a;
}
.layout .carList .carItem .scrollBox .carMsg .carDetail .productNum {
  position: absolute;
  bottom: 0.8rem;
  right: 0.58666667rem;
  color: #646464;
  font-size: 0.53333333rem;
}
.layout .carList .carItem .scrollBox .functionBtn {
  float: right;
  height: 6.4rem;
  width: 6.66666667rem;
}
.layout .carList .carItem .scrollBox .functionBtn .delBtn {
  width: 6.66666667rem;
  height: 4rem;
  text-align: center;
  line-height: 4rem;
  color: #1f1f1f;
  font-size: 0.74666667rem;
  background-color: #ffd11a;
}
.layout .carList .carItem .scrollBox .functionBtn .cutAndAddBtn {
  width: 6.66666667rem;
  height: 2.4rem;
  padding: 0.26666667rem;
  background-color: #fafafa;
  box-sizing: border-box;
}
.layout .carList .carItem .scrollBox .functionBtn .cutAndAddBtn .cut,
.layout .carList .carItem .scrollBox .functionBtn .cutAndAddBtn .add {
  float: left;
  width: 1.86666667rem;
  height: 1.86666667rem;
  background: url("../../img/jian@3x.png") no-repeat center center;
  background-size: 1.86666667rem 1.86666667rem;
}
.layout .carList .carItem .scrollBox .functionBtn .cutAndAddBtn .num {
  float: left;
  margin-left: 0.10666667rem;
  width: 2.18666667rem;
  height: 1.86666667rem;
  text-align: center;
  line-height: 1.86666667rem;
  color: #1f1f1f;
  font-weight: 700;
  background-color: #e6e6e6;
}
.layout .carList .carItem .scrollBox .functionBtn .cutAndAddBtn .add {
  float: right;
  background: url("../../img/jia@3x.png") no-repeat center center;
  background-size: 1.86666667rem 1.86666667rem;
}
.layout .emptyCar .carIcon {
  width: 5.38666667rem;
  height: 5.38666667rem;
  margin: 5.33333333rem auto 0.53333333rem auto;
  background: url("../../img/K_shopping@3x.png") no-repeat center center;
  background-size: 5.38666667rem 5.38666667rem;
}
.layout .emptyCar .carText .big,
.layout .emptyCar .carText .small {
  text-align: center;
  color: #a3a3a3;
  font-size: 0.85333333rem;
}
.layout .emptyCar .carText .small {
  font-size: 0.58666667rem;
  margin-bottom: 4.26666667rem;
}
.layout .like {
  padding: 0 0.53333333rem;
  background-color: #f5f5f5;
  box-sizing: border-box;
}
.layout .like .likeIcon {
  display: none;
  width: 4.53333333rem;
  height: 0.8rem;
  margin: 1.12rem auto 0.58666667rem auto;
  background: url("../../img/guess@3x.png") no-repeat center center;
  background-size: 4.48rem 0.8rem;
}
.layout .like .likeProduct .likeProductItem {
  float: left;
  width: 9.2rem;
  margin-bottom: 0.53333333rem;
  background-color: #fff;
}
.layout .like .likeProduct .likeProductItem .likeProductPic {
  width: 8.13333333rem;
  height: 8.13333333rem;
  margin: 0.53333333rem auto 0 auto;
}
.layout .like .likeProduct .likeProductItem .likeProductPic img {
  display: block;
  width: 100%;
  height: 100%;
}
.layout .like .likeProduct .likeProductItem .likeProductMsg .likeBrandName {
  font-size: 0.58666667rem;
  line-height: 0.8rem;
  text-align: center;
  margin-top: 1.06666667rem;
}
.layout .like .likeProduct .likeProductItem .likeProductMsg .likeProductName {
  font-size: 0.64rem;
  line-height: 0.8rem;
  text-align: center;
  margin-top: 0.26666667rem;
}
.layout .like .likeProduct .likeProductItem .likeProductMsg .likePrice {
  font-size: 0.87272727rem;
  line-height: 0.8rem;
  text-align: center;
  margin-top: 0.90666667rem;
  margin-bottom: 0.8rem;
}
.layout .like .likeProduct .end {
  width: 11.2rem;
  margin: 0 auto;
  display: none;
}
.layout .like .likeProduct .end img {
  width: 100%;
}
.layout .like .likeProduct .likeProductItem:nth-of-type(2n) {
  margin-left: 0.53333333rem;
}
.layout .menu {
  width: 100%;
  height: 2.66666667rem;
  border-top: 1px solid #ebebeb;
  background-color: #fff;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
}
.layout .menu ul li {
  float: left;
  width: 20%;
  height: 2.66666667rem;
  position: relative;
}
.layout .menu ul li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #08090a;
  font-size: 0.53333333rem;
  padding-top: 1.6rem;
  box-sizing: border-box;
}
.layout .menu ul li span {
  position: absolute;
}
.layout .menu ul li .indexxIcon {
  top: 0.26666667rem;
  left: 50%;
  margin-left: -0.58666667rem;
  width: 1.17333333rem;
  height: 1.2rem;
  background: url("../../img/home _U@3x.png") no-repeat center center;
  background-size: 1.17333333rem 1.2rem;
}
.layout .menu ul li .classifyIcon {
  top: 0.26666667rem;
  left: 50%;
  margin-left: -0.58666667rem;
  width: 1.17333333rem;
  height: 1.2rem;
  background: url("../../img/classify_U@3x.png") no-repeat center center;
  background-size: 1.17333333rem 1.2rem;
}
.layout .menu ul li .activityIcon {
  top: -0.66666667rem;
  left: 50%;
  margin-left: -1.04rem;
  width: 2.08rem;
  height: 2.08rem;
  background: url("../../img/acticity_U@3x.png") no-repeat center center;
  background-size: 2.08rem 2.08rem;
}
.layout .menu ul li .carIcon {
  top: 0.21333333rem;
  left: 50%;
  margin-left: -0.64rem;
  width: 1.28rem;
  height: 1.33333333rem;
  background: url("../../img/car_S@3x.png") no-repeat center center;
  background-size: 1.28rem 1.33333333rem;
}
.layout .menu ul li .meIcon {
  top: 0.26666667rem;
  left: 50%;
  margin-left: -0.58666667rem;
  width: 1.17333333rem;
  height: 1.22666667rem;
  background: url("../../img/mine_U@3x.png") no-repeat center center;
  background-size: 1.17333333rem 1.2rem;
}
.layout .calculate {
  width: 100%;
  height: 2.66666667rem;
  border-top: 1px solid #ebebeb;
  position: fixed;
  bottom: 0;
  left: 0;
}
.layout .calculate .leftPart {
  float: left;
  width: 73%;
  height: 2.66666667rem;
}
.layout .calculate .leftPart .selectAll {
  float: left;
  margin: 0.77333333rem 0.53333333rem 0.77333333rem 0.8rem;
}
.layout .calculate .leftPart .selectAll .lable {
  float: left;
  width: 1.12rem;
  height: 1.12rem;
}
.layout .calculate .leftPart .selectAll .lable img {
  display: block;
  width: 100%;
  height: 100%;
}
.layout .calculate .leftPart .selectAllText {
  float: left;
  height: 2.66666667rem;
  line-height: 2.66666667rem;
  font-size: 0.74666667rem;
  color: #1f1f1f;
  margin-right: 1.86666667rem;
}
.layout .calculate .leftPart .total {
  float: left;
}
.layout .calculate .leftPart .total .totalMoney {
  height: 1.33333333rem;
  line-height: 1.33333333rem;
  font-size: 0.74666667rem;
  color: #1f1f1f;
}
.layout .calculate .leftPart .total .totalMoney span {
  color: #ffa31a;
}
.layout .calculate .leftPart .total .totalNum {
  height: 1.33333333rem;
  line-height: 1.33333333rem;
  font-size: 0.64rem;
  color: #a3a3a3;
}
.layout .calculate .rightPart {
  float: left;
  width: 27%;
  text-align: center;
  line-height: 2.66666667rem;
  color: #fff;
  font-size: 0.85333333rem;
  letter-spacing: 2px;
  background-color: #212121;
}
